p,li,ul,h3,body{
 margin: 0;
 padding: 0;
 list-style: none;
 font-family: '微软雅黑';
}
a{
 margin: 0;
 padding: 0;
 text-decoration: none;
}
html, body {

 font-size: 20px;

}

.footer .goodsName{
 padding: 0px 10px;
 font-size: 1rem;
 color: #a3a3a3;
}
.footer .goodsNum{
 padding: 10px 10px;
 font-size: 0.9rem;
 color: #dc0000;
}
.showpText p:first-child{
 float: left;
 font-size: 0.6rem;
 color: #cecece;

}
.showpText p:first-child span{
 color: #e93c55;
}
.showpText{padding: 0 10px; overflow: hidden;}
.showpText p:last-child{
 float: right;
 color: #cecece;
 font-size: 0.6rem;
}
.showpMian{
 overflow: hidden;
 background: #ffffff;
 width: 96%;
 margin: 0 2% ;
 padding-bottom: 20px;
 border-bottom: 2px solid #cfcfcf;
}
.goodsM{
 padding:8px 10px;
 overflow: hidden;
}
.selectNav li:after {background:#ccc;width:200%;height:1px;position:absolute;bottom:0;left:0;z-index:0;content:"";-webkit-transform:scale(0.5);-webkit-transform-origin:0 0;transform:scale(0.5);transform-origin:0 0;}
.selectNav li{
 position: relative;
}
.goodsM li{
 width: 50%;
 float: left;
 text-align: center;
 line-height: 2.25rem;
 font-size: 0.8rem;
}

.goodsM li:first-child a{
 display: block;
 background: #e93c55;
 color: #ffffff;
}

.goodsM li:last-child a{
 display: block;
 background: #fe6d82;
 color: #ffffff;
}
.goodsShowpHeader .ionc,.listNav .ionc{
 overflow: hidden;
}

.goodsShowpHeader .ionc li,.listNav .ionc li{
 width: 12.5%;
 height: 40px;
 float: right;
}
.listNav .ionc li{
 height: 45px;
}
.goodsShowpHeader .ionc li:first-child a{
 display: block;
 height:40px;
 width: 30px;
 overflow: hidden;
 background: url("../images/ionc2.png") no-repeat -230px -3px;
 background-size: 512px;
}
.listNav .ionc li:first-child a{
 display: block;
 height:45px;
 width: 35px;
 overflow: hidden;
 background: url("../images/ionc2.png") no-repeat -148px -65px;
 background-size: 512px;
}

.listNav .ionc li:nth-child(3) a{
 display: block;
 height:45px;
 width: 35px;
 overflow: hidden;
 background: url("../images/ionc2.png") no-repeat -56px -65px;
 background-size: 512px;
}

.listNav .ionc li:nth-child(2) a{
 display: block;
 height:45px;
 width: 35px;
 overflow: hidden;
 background: url("../images/ionc2.png") no-repeat -101px -65px;
 background-size: 512px;
}

.listNav .ionc li:last-child a{
 display: block;
 height:45px;
 width: 35px;
 overflow: hidden;
 background: url("../images/ionc2.png") no-repeat -11px -65px;
 background-size: 512px;
}
.goodsShowpHeader .ionc li:nth-child(2) a{
 display: block;
 height:40px;
 width: 30px;
 overflow: hidden;
 background: url("../images/ionc2.png") no-repeat -185px -3px;
 background-size: 512px;
}

.goodsShowpHeader .ionc li:nth-child(3) a{
 display: block;
 height:40px;
 width: 30px;
 overflow: hidden;
 background: url("../images/ionc2.png") no-repeat -138px -3px;
 background-size: 512px;
}

.goodsShowpHeader .ionc li:last-child a{
 display: block;
 height:40px;
 width: 30px;
 overflow: hidden;
 background: url("../images/ionc2.png") no-repeat -90px -3px;
 background-size: 512px;
}
.footer{
 position: absolute;
 z-index: 2;
 top: 100%;
 margin-top: -221px;
 width: 100%;
}
body,html{width: 100%;height:100%;  overflow: hidden;}
.pageone{
 position: relative;
 height: 100%;
 width: 100%;
 background: #ccc;
 overflow: hidden;
 box-sizing: border-box;
}
.headerMain{

 position: absolute;
 bottom: 0;
 z-index: 2;
 background: #ffffff;
 width: 100%;
}
.header{

 height:90%;
 width: 85%;
 margin: 0 auto;
 padding-top: 10%;

}
.swiper-slide img{
 width: 100%;
}
.page2{
 background: #ffffff;
 position: absolute;
 top:0;
 z-index: 6;
 display: none;
 width: 100%;
 height: 100%;
}
.goodsShowp{
 background: #ffffff;
 height: 200px;
 position: absolute;
 bottom: 0px;
 z-index: 222;
 width: 96%;
 margin:0px 2%;
}
.goodsShowpHeader .ionc,.listNav .ionc{
 overflow: hidden;
}

.goodsShowpHeader .ionc li,.listNav .ionc li{
 width: 12.5%;
 height: 40px;
 float: right;
}
.listNav .ionc li{
 height: 45px;
}
.goodsFooterShowp {
 height: 90px;
 position: static;
 padding: 20px 0px;
}.goodsName {
  padding: 0px 10px;
  font-size: 0.8rem;

 }.goodsNum {
   padding: 10px 10px;
   font-size: 0.9rem;
   color: #dc0000;
  }.selectNav {
    width: 96%;
    margin: 20px 2% 0 2%;
   }.selectNav li {
     background: #ffffff;
     margin: 5px 0;
     overflow: hidden;
     font-size: 0.7rem;
    }.selectNav li p {
      line-height: 45px;
      text-indent: 1em;
      float: left;
      color: #010101;
      font-size: 0.7rem;
     }
h3 {
 margin: 0 10px;
 line-height: 30px;
 padding-top: 5px;
 font-size: 0.8rem;
 padding-left:10px;
}
h3:after {
 content: '';
 margin: 5px 0 5px 0;
 width: 100%;
 display: block;
 height: 1px;
 background: #000;
 -webkit-transform: scaleY(.5);
 -ms-transform: scaleY(.5);
 -o-transform: scaleY(.5);
 transform: scaleY(.5);
}
.goodsInfo h3:after,.goodsInfoText h3:after{
 content: '';
 margin: 5px 0 5px 0;
 width: 100%;
 display: block;
 height: 1px;
 background: #000;
 -webkit-transform:scaleY(.5);
 -ms-transform:scaleY(.5);
 -o-transform:scaleY(.5);
 transform:scaleY(.5);
}
.goodsInfo{
 overflow: hidden;
}
.goodsInfo li{
 width: 25%;
 float: left;
 margin-right: 7%;
}
.
.goodsInfo li:last-child{
 width: 25%;
 float: left;
 margin-right: 0%;
}
.goodsInfo img{
 padding: 0;
 width: 100%;
 position: static;

}
.goodsInfo p{
 text-align: center;
}
.buy{
 position: fixed;
 width: 100%;
 height: 100%;
 z-index: 10;
 background: rgba(0,0,0,.7);
 overflow:hidden;
 padding-top: 42%;
}
.buy1 {
 background: #ffffff;
 width: 100%;
 height: 100%;
 position: relative;
 font-size: 15px;
}
.buy1 .buy_top {
 width: 100%;
 position: absolute;
 border-bottom: 1px solid #cccccc;
 padding-bottom: 105px;
}
.buy1 .pic {
 position: absolute;
 border: 1px solid #cccccc;
 width: 100px;
 height: 100px;
 margin-left: 20px;
 top:-20px;
}
.buy1 .pic img{
 width: 100%;
}
.buy1 .buy_top ul{
 position: absolute;
 left: 140px;
 top:20px
}
.buy1 ul li{
 line-height: 22px;
}
.buy_bot{
 padding-left: 20px;
 position: absolute;
 top:140px
}
.buy_bot_left{
 float: left;
}
.buy_bot_left p{
 margin-top: 45px
}
.buy_bot ul{
 float: left;
 padding-left:35px;
}
.buy_bot ul li{
 margin-top: 28px;
}
.buy_bot ul span{
 display: inline-block;
 width: 60px;
 height: 30px;
 margin-left: 10px;
 background: rgb(245,245,245);
 text-align: center;
 line-height: 30px;
 color: rgb(154,154,154);
}
.buy_bot ul li .active{
 background: rgb(254,109,130);
 color: white;
}
.buy_bot ul .lastli span{
 margin-left: 2px;
}
.queding{
 position: absolute;
 width: 90%;
 margin: 0 5%;
 background:  rgb(254,109,130);
 top: 380px;
 text-align: center;
 padding: 10px 0;
 color: white;
 font-family: '微软雅黑'
}